<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Jquery Test</title>
<script type="text/ecmascript" src="js_comm/jquery-1.6.1.min.js"></script>
	<style type="text/css">
		p
		{
			margin:4px;
			font-size:16px;
			font-weight:border;
			cursor:pointer;
		}
		
		.blue
		{
			color:blue;
		}
		
		.heighlight
		{
			background:yellow;
		}
	</style>
	<script type="text/ecmascript">

	 $(document).ready(function() {
		$("p").click(function(){
			$(this).toggleClass("heighlight");
		});
	 });
		
	</script>
	
</head>
<body>
	<p class="blue">Click to toggle</p>
	<p class="blue">highlight</p>
	<p class="blue">on these</p>
	<p class="blue">paragraphs</p>
</body>
</html>